import * as React from "react";
import type { SVGProps } from "react";

export const UpworkIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={187}
    height={80}
    viewBox="0 0 187 80"
    fill="none"
    {...props}
  >
    <path
      fill="currentColor"
      d="M140.881 40.149h-.96l-.011 8.788h-4.16V24h4.171v12.377c3.017 0 6.057-1.463 6.057-5.314h4.149a8.757 8.757 0 0 1-5.417 8.126l6.685 9.748h-4.697l-5.817-8.788Z"
    />
    <path
      fill="currentColor"
      fillRule="evenodd"
      d="M112.481 30.457A9.26 9.26 0 0 0 103.098 40a9.343 9.343 0 0 0 2.618 6.82 9.355 9.355 0 0 0 6.725 2.855 9.353 9.353 0 0 0 8.728-5.998 9.343 9.343 0 0 0 .615-3.677 9.265 9.265 0 0 0-5.723-8.794 9.272 9.272 0 0 0-3.626-.703l.046-.046Zm-.046 15.337c-2.96 0-5.177-2.343-5.177-5.714 0-3.371 2.286-5.714 5.177-5.714 2.892 0 5.235 2.205 5.235 5.634 0 3.429-2.286 5.714-5.189 5.714l-.046.08ZM67.612 30.469a8.88 8.88 0 0 0-9.028 6.948 29.714 29.714 0 0 1-2.206-6.423h-7.28v9.029c0 3.28-1.486 5.714-4.4 5.714-2.914 0-4.572-2.423-4.572-5.714v-9.029h-4.182v9.029a9.84 9.84 0 0 0 2.411 6.834 8.309 8.309 0 0 0 6.332 2.686c5.04 0 8.57-3.874 8.57-9.417v-6.103a29.564 29.564 0 0 0 4.184 9.2L55.2 56h4.251l1.474-9.051c.488.42 1.008.802 1.555 1.142a9.508 9.508 0 0 0 4.731 1.463h.389A9.258 9.258 0 0 0 76.949 40a9.28 9.28 0 0 0-9.36-9.497l.023-.034Zm-.023 15.314a7.475 7.475 0 0 1-5.92-3.497c.766-6.103 2.995-8 5.943-8 2.949 0 5.189 2.285 5.189 5.714 0 3.429-2.286 5.714-5.189 5.714l-.023.069Z"
      clipRule="evenodd"
    />
    <path
      fill="currentColor"
      d="M127.727 31.063h-4.115v17.863h4.172V41.93c0-4.308.388-7.405 6.171-7.005v-4.069c-2.697-.206-4.8.354-6.228 2.137v-1.931ZM95.807 43.554l3.017-12.503h4.445l-4.891 17.886h-5.006l-3.44-12.697-3.474 12.697h-5.006l-4.628-17.886h4.217l3.017 12.503 3.223-12.503h5.303l3.223 12.503Z"
    />
  </svg>
);
